<template>
    <button class="el-button" :class="[
        size ? `el-button--${size}` : '',
        type ? `el-button--${type}` : '',
    ]">
        <slot></slot>
    </button>
</template>


<script lang="ts">
export default {
    name: 'ElButton'
}
</script>

<script setup lang="ts">
import { withDefaults } from 'vue';
interface Props {
    type?: '' | 'primary' | 'success' | 'warning' | 'danger' | 'info'
    size?: '' | 'large' | 'medium' | 'small'
}

withDefaults(defineProps<Props>(), {
    type: 'primary',
    size: 'medium'
})
</script>

<style lang="scss" scoped></style>